<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帐户安全</title>
    <!--弹窗 css文件-->
    <link rel="stylesheet" type="text/css" href="js/layer/layer.css">
    <!--主要css样式-->
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<body>
<div class="MainContent">
    <!--主体内容-->
    <div class="MainCont">
        <ul class="addList" style="padding: 0;">
            <li>
                <h2 class="addTitle">基本信息</h2>
            </li>
            <li>
                <label for="">登录账号：</label>
                <span class="detailTxt">157****9000</span>
            </li>
            <li>
                <h2 class="addTitle">安全信息</h2>
            </li>
            <li>
                <label for="">登录密码：</label>
                <input class="ph_disabled left" name="" type="password" disabled="disabled" value="已设置">
                <p class="PromptBox">
                    <span class="promptTxt">安全性高的密码可以使账号更安全。建议您定期更换密码，且设置一个包含数字和字母，并长度超过6位以上的密码。</span>
                </p>
                <a class="securityInfo js_pawss" href="javascript:void (0);">修改</a>
            </li>
            <li>
                <label for="">支付密码：</label>
                <input class="ph_disabled left" name="" type="password" disabled="disabled" placeholder="去设置">
                <p class="PromptBox">
                    <span class="promptTxt">用户支付或者提现。建议您定期更换密码，且设置只能为6位数字组合。</span>
                </p>
                <a class="securityInfo js_payment" href="javascript:void (0);">去设置/修改</a>
            </li>
            <li>
                <label for="">实名认证：</label>
                <input class="ph_disabled left" name="" type="text" disabled="disabled" value="未认证">&nbsp;&nbsp;
                <p class="PromptBox">
                    <span class="promptTxt">用于绑定银行卡，必须先实名认证之后才能绑定银行卡。认证后不能修改认证信息。</span>
                </p>
                <a class="securityInfo js_realName" href="javascript:void (0);">去认证</a>
            </li>
            <li>
                <label for="">银行卡：</label>
                <input class="ph_disabled left" name="" type="text" disabled="disabled" value="未绑卡">
                <p class="PromptBox">
                    <span class="promptTxt">用户支付扣款或者提现入账的账户。</span>
                </p>
                <a class="securityInfo js_bankCard" href="javascript:void (0);">去绑卡</a>
            </li>
        </ul>
    </div>
    <!--end 主体内容-->
</div>
<!--修改登录密码-->
<div class="PopupBox" id="ph_pawssBox">
    <!--内容-->
    <div class="ph_subPoCon">
        <form id="formID_three">
            <ul class="addList">
                <li><label for="">原密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请输入原密码"></li>
                <li><label for="">新密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请输入新密码"></li>
                <li><label for="">确认密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请再次输入新密码"></li>
            </ul>
        </form>
    </div>
    <!--end 内容-->
</div>
<!--end 修改登录密码-->
<!--设置/修改支付密码-->
<div class="PopupBox" id="ph_paymentBox">
    <!--内容-->
    <div class="ph_subPoCon">
        <form id="formID_two">
            <ul class="addList">
                <li><label for="">密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请输入原密码"></li>
                <!--修改支付密码时显示注释部分-->
                <!--<li><label for="">新密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请输入原密码"></li>-->
                <li><label for="">确认密码：</label><input class="memberTxt validate[required]" name="" type="password" placeholder="请输入新密码"></li>

                <li>
                    <label for="">验证码：</label>
                    <input class="memberTxt ph_paddRight validate[required]" name="" type="text" placeholder="请输入验证码">
                    <span class="ph_subProvingBox"><input class="ph_subProvingBtn" onclick="obtainTxt(this);" type="button" value="获取验证码"></span>
                </li>
            </ul>
        </form>
    </div>
    <!--end 内容-->
</div>
<!--end 设置/修改支付密码-->
<!--实名认证-->
<div class="PopupBox" id="ph_realNameBox">
    <!--内容-->
    <div class="ph_subPoCon">
        <form id="formID_four">
            <ul class="addList">
                <li><label for="">姓名：</label><input class="memberTxt validate[required]" name="" type="text" placeholder="请输入姓名"></li>
                <li><label for="">身份证号：</label><input class="memberTxt validate[required]" name="" type="text" placeholder="请输入身份证号码"></li>
            </ul>
        </form>
    </div>
    <!--end 内容-->
</div>
<!--end 实名认证-->
<!--去绑定银行卡-->
<div class="PopupBox" id="ph_bankCardBox">
    <!--内容-->
    <div class="ph_subPoCon">
        <form id="formID_five">
            <ul class="addList">
                <li><label for="">银行卡：</label><input class="memberTxt validate[required]" name="" type="text" placeholder="请输入银行卡号码"></li>
                <li><label for="">账户名：</label><input class="memberTxt ph_disabled" name="" type="text" disabled="disabled" value="提取实名认证姓名"></li>
                <li><label for="">身份证号：</label><input class="memberTxt ph_disabled" name="" type="text" disabled="disabled" value="提取实名认证身份证号"></li>
                <li><label for="">所属银行：</label><input class="memberTxt ph_disabled" name="" type="text" disabled="disabled" value="根据银行卡号提取银行名"></li>
                <li><label for="">手机号：</label><input class="memberTxt ph_disabled" name="" type="text" disabled="disabled" value="提取账号"></li>
                <li>
                    <label for="">验证码：</label>
                    <input class="memberTxt ph_paddRight validate[required]" name="" type="text" placeholder="请输入验证码">
                    <span class="ph_subProvingBox"><input class="ph_subProvingBtn" onclick="obtainTxt(this);" type="button" value="获取验证码"></span>
                </li>
            </ul>
        </form>
    </div>
    <!--end 内容-->
</div>
<!--end 去绑定银行卡-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--弹窗-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<!--验证-->
<script type="text/javascript" src="js/validat/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript" src="js/validat/jquery.validationEngine.js"></script>

<script type="text/javascript">
    $(function () {
        //验证
        verification('#formID,#formID_two,#formID_three,#formID_four,#formID_five');
        function verification(code){
            $(code).validationEngine({
                addPromptClass: 'formError-text',
                showArrow: false,
                promptPosition: 'bottomLeft:10 0'
            });
        }
        //修改登录密码
        $('.addList').on('click','.js_pawss',function(){
            layer.open({
                type: 1,
                title: '修改登录密码',
                closeBtn : 1,
                area: ['460px','340px'],
                //maxmin: true,
                btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_pawssBox')
            });
        });
        //设置支付密码
        $('.addList').on('click','.js_payment',function(){
            layer.open({
                type: 1,
                title: '修改支付密码',
                closeBtn : 1,
                area: ['460px','340px'],
                //maxmin: true,
                btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_paymentBox')
            });
        });
        //实名认证
        $('.addList').on('click','.js_realName',function(){
            layer.open({
                type: 1,
                title: '实名认证',
                closeBtn : 1,
                area: ['460px','265px'],
                //maxmin: true,
                btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_realNameBox')
            });
        });
        //绑定银行卡
        $('.addList').on('click','.js_bankCard',function(){
            layer.open({
                type: 1,
                title: '实名认证',
                closeBtn : 1,
                area: ['460px','530px'],
                //maxmin: true,
                btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_bankCardBox')
            });
        });
    });
</script>
</body>
</html>